<template>
  <el-select v-model="value" placeholder="请选择" @change="setSelectPanel">
    <el-option
      v-for="item in options"
      :key="item.value"
      :label="item.label"
      :value="item.value"
    />
  </el-select>
</template>

<script>
export default {
  name: 'SelectPanel',
  data() {
    return {
      options: [{
        value: 'tan_delta',
        label: '介质损耗因数'
      }, {
        value: 'e_real',
        label: '复介电常数实部'
      }, {
        value: 'e_imaginary',
        label: '复介电常数虚部'
      }, {
        value: 'c_real',
        label: '复电容实部'
      }, {
        value: 'c_imaginary',
        label: '复电容虚部'
      }],
      value: 'tan_delta'
    }
  },
  methods: {
    setSelectPanel() {
      this.$emit('changePanel', this.value)
    }
  }
}
</script>

<style scoped>

</style>
